<div id="header"
	style="width: 100%; height: 60px; position: absolute; text-align: center;">

<div id="links"
	style="width: 98%; height: 20%; position: relative; margin-right: 2%; text-align: right;">
<a href="../user_php/register.php" id="register"
	style="width: 5%; height: 100%; float: right; text-align: center; text-decoration: none; font-size: 12px; color: black;">Register</a>
<?php
if (! isset ( $_SESSION ['username'] )) {
	?>
<a href="../user_php/log_in.php" id="login"
	style="width: 5%; height: 100%; float: right; text-align: center; text-decoration: none; font-size: 12px; color: black;">Log
in</a>

<?php
} else if (isset ( $_GET ['log_out'] )) {
	unset ( $_SESSION ['username'] );
	unset ( $_GET ['log_out'] );
	?>
	<a href="../user_php/log_in.php" id="login"
	style="width: 5%; height: 100%; float: right; text-align: center; text-decoration: none; font-size: 12px; color: black;">Log
in</a>
<?php
} else {
	?>	
	<a href="http://localhost/e-commerce/user_php/index.php?log_out=true"
	id="logout"
	style="width: 5%; height: 100%; float: right; text-align: center; text-decoration: none; font-size: 12px; color: black;">Log
out</a>			
<?php
}
?>
</div>

<div id="navigation"
	style="width: 100%; height: 80%; position: absolute; top: 20%; text-align: center; padding-left: 28%;"><a
	href="../user_php/index.php"
	style="width: 11%; height: 70%; float: left; text-align: center; position: relative; text-decoration: none; color: black; font-size: 30px; padding-top: 15px">Home</a>
<a href="../user_php/goods.php"
	style="width: 11%; height: 70%; float: left; text-align: center; position: relative; text-decoration: none; color: black; font-size: 30px; padding-top: 15px">Goods</a>
<a href="../user_php/base_Info.php"
	style="width: 11%; height: 70%; float: left; text-align: center; position: relative; text-decoration: none; color: black; font-size: 30px; padding-top: 15px">Settings</a>
<a href="../user_php/showcart.php"
	style="width: 11%; height: 70%; float: left; text-align: center; position: relative; text-decoration: none; color: black; font-size: 30px; padding-top: 15px">Chart</a>
</div>
</div>